<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"	>
<head> 
	<title>ABC</title> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<meta name="viewport" 
		content="width=device-width, initial-scale=1" /> 
		
	<link rel="stylesheet" 
		href="/abc/resources/css/mobile/jquery.mobile-1.3.1.min.css" /> 
		
	<link rel="stylesheet" 
		href="/abc/resources/css/mobile/abc-theme.css" /> 
		
	<script type="text/javascript" 
		src="/abc/resources/js/jquery-1.10.2.min.js"></script> 
		
	<script type="text/javascript" 
		src="/abc/resources/js/jquery.mobile-1.3.1.min.js"></script> 
	
	<script type="text/javascript"> 
		$(document).on("pageinit", "#page1", function(event){ 
			//alert("Ready To Go"); 
		}); 
	</script> 
</head> 
<body> 

		<div data-role="page" id="page1"> 
			<div data-role="header"> 
				<h1>ABC</h1>
				<a href="index.jsf" onclick="window.location=" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
				<a href="#" onclick="window.location.href='../categoria/search.jsf'" data-icon="gear" data-iconpos="notext" data-rel="dialog" data-transition="fade">Configurar</a> 
			</div> 
			<div data-role="content"> 
				<ul id="listOfItems" data-role="listview" data-inset="true" 
					data-filter="true">
					<c:forEach items="#{categoriaBean.getAll()}" var="cat">
						<li><a href="item.jsf">#{cat.nome}</a></li> 
					</c:forEach>				
					
				</ul> 
			</div> 
			<div data-role="footer"> 
				<h4><a href="www.guiadojava.com.br">www.guiadojava.com.br</a></h4> 
			</div> 
		</div>
	
</body> 
</html>